<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/order_confirm.css">
    <title>确认订单</title>
</head>
<body>
<div class="body">
    <div class="user-info">
        <div class="width-com">
            <div class="info">
                <div>
                    <span>张三</span>
                </div>
                <div>
                    <span>18888888888</span>
                </div>
            </div>
            <div class="address-box">
                <div>
                    <span>收货地址收货地址收货地址收货地址收货地址收货地址收货地址收货地址收货</span>
                </div>
                <div>
                    <img src="./icon/right.png" alt="">
                </div>
            </div>
        </div>
        <div class="border">
            <img src="./image/border.png" alt="">
        </div>
    </div>

    <div class="goods-info">
        <div class="info-box width-com">
            <div class="banner">
                <img src="./image/qrcode-bg.jpg" alt="">
            </div>
            <div class="title-box">
                <p class="text-wrap">商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题</p>
                <div class="flex-box">
                    <div class="price">
                        <p>
                            <span>折扣价:</span>
                            <span>￥249</span>
                            <span>原价</span>
                            <span>￥249</span>
                        </p>
                        <p>
                            <span>运费:</span>
                            <span>0.00</span>
                        </p>
                        <p>
                            <span>数量:</span>
                            <span>2</span>
                        </p>
                    </div>
                    <div class="advisory">
                        <span>一</span>
                        <input type="text" class="ipt">
                        <span>＋</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cnt-price-box">
        <div class="cnt-content width-com">
            <div class="select">
                <!--                这是空心圆-->
                <!--                <img src="./icon/circle.png" alt="">-->
                <!--
                    这是选中
                -->
                <img src="./icon/yes-gray.png" alt="">
            </div>
            <div class="cnt-price">
                <span>金额:</span>
                <span>￥498.00</span>
            </div>
        </div>
    </div>

    <div class="remark-box" style="padding-top: 0.5rem;">
        <div class="remark width-com">
            <span>备注: </span>
            <textarea placeholder="填写您需要对我们说的..." rows="3"></textarea>
        </div>
    </div>
    <div class="remark-box">
        <p class="total-price width-com">
            <span>合计:</span>
            <span>￥498.00</span>
        </p>
    </div>
    <div class="payment-box">

        <div class="payment-info">
            <div class="payment-type-box width-com">
                <div><span>支付方式</span></div>
                <div class="type-icon zfb">
                    <img src="./icon/zfb.png" alt="">
                    <img src="./icon/wechat.png" alt="">
                </div>
                <div>
                    <span>在线支付</span>
                </div>
            </div>
        </div>
        <div class="payment-info ">
            <div class="width-com">
                <span>配送信息</span>
                <span class="ship-time">配送日期</span>
            </div>
        </div>

        <div class="payment-info ">
            <p class="width-com">支付明细</p>
        </div>

        <div class="payment-info ">
            <p class="width-com payment-detail">
                <span>预约金:</span>
                <span style="color:#FF595A;">￥498.00</span>
                <span>到院再付</span>
                <span>￥49.00</span>
            </p>
        </div>
        <div class="pay-box">
            <div class="pay-total-price">
                <p>
                    <span>总付款:</span>
                    <span style="color:#FF595A;">￥49.00</span>
                </p>
            </div>
            <div class="gradient">
                <span>立即支付</span>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/jquery-3.1.1.min.js"></script>
</html>